<template>
  <div class="app-logo">
    <router-link class="link" to="/">
      <span class="app-logo-icon"></span>
      <span class="app-logo-text">宝田升-{{ user.group ? '集团' : '机构' }}</span>
    </router-link>
  </div>
</template>

<script>
/**
 * @功能描述: LOGO
 * @创建时间: 2023年08月08日
 * @公司官网: www.fenxi365.com
 * @公司信息: 纷析云（杭州）科技有限公司
 * @公司介绍: 专注于财务相关软件开发, 企业会计自动化解决方案
 */
import {mapState} from 'vuex';

export default {
  name: "AppLogo",
  computed: {
    ...mapState(['user'])
  },
}
</script>

<style scoped lang="less">
.app-logo {
  padding: 0 24px;
  line-height: @layout-header-height;
  height: @layout-header-height;
  overflow: hidden;
  white-space: nowrap;
  transition: padding 0.3s;

  .app-logo-text {
    font-size: 20px;
    vertical-align: middle;
  }

  .app-logo-icon {
    background: url("@/assets/logo.jpg");
    background-size: contain;
    height: 26px;
    width: 26px;
    display: inline-block;
    margin-right: 10px;
    transition: 0.3s;
    vertical-align: middle;
  }
}

.h-layout-sider-collapsed {
  .app-logo-text {
    display: none;
  }

  .app-logo-icon {
    margin-left: 15px;
  }
}
</style>
